
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Template &middot; Bootstrap</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 20px;
        padding-bottom: 60px;
      }

      /* Custom container */
      .container {
        margin: 0 auto;
        max-width: 940px;
      }
	  
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
	<link href="css/component.css" rel="stylesheet" type="text/css" />

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
  </head>

  <body>
	<div class="container">
		<div class="header_container">
		  <ul class="header_left">
				<li class="wow_logo"><img src="images/wow_logo.png" /></li>
				<div class="auth_container">
					<li><a href="#" class="reg_button">Регистрация</a></li>
					<li><p class="login_button">или</p></li>
					<li><a href="#" class="login_button">Вход</a></li>
				</div>
		  </ul>
		  <ul class="header_right">
				<li class="cart_container">
					<img class="cart_img" src="images/cart.png"/>
					<a href="#"><p>Корзина (2 купона)</p></a>
					<h5>15 000 тг</h5>
				</li>
				<li class="contacts_container">
					<h5>+7(727)</h5>
					<p>Телефон для справок:</p>
					<h3>256-78-91</h3>
				</li>
		  </ul>
		</div>
        <div class="navigation_container">
            <ul class="navigation">
				<li><a href="#">Главная</a></li>
                <li><a href="#">Женщинам</a></li>
                <li><a href="#">Мужчинам</a></li>
                <li><a href="#">Детям</a></li>
                <li><a href="#">Для дома</a></li>
                <li><a href="#">Электроника</a></li>
            </ul>
			<div class="search_container">
				<input type="text" placeholder="Поиск купона" class="search_form" />
			</div>
        </div><!-- /.navbar -->
		
		<h3>Восковая цепиляция различных зон на выбор в центре Anti Age</h3>
		<div class="row-fluid">
			<div class="span9">
				<img src="images/1kupon.jpg" />
			</div>
			<div class="span3">
				<h4>Купить</h4>
				<h4>Продать</h4>
				<h4>Уебать</h4>
				<h4>Спать</h4>
			</div>
		</div>
		<div class="row-fluid top_offset">
			<div class="span4">
				<img src="images/1kupon.jpg" />
			</div>
			<div class="span4">
				<h4>Спать</h4>
				<h4>Спать</h4>
				<h4>Спать</h4>
			</div>
			<div class="span4">
				<h4>Спать</h4>
				<h4>Спать</h4>
				<h4>Спать</h4>
			</div>
		</div>
		
		<hr class="hr_divider">
		
		<div class="jumbotron">
			<img src="images/1kupon.jpg" />
		</div>
		
		<p>Восковая депиляция - один из самых популярных способов избавления от нежелательных волос на всем теле. Суть восковой депиляции состоит в том, что на участки кожи наносят воск (холодный, теплый или горячий) и затем удаляют его вместе с волосками. Срок «действия» восковой депиляции - 2-4 недели. Целый месяц Ваша кожа будет гладкой и шелковистой! При регулярном применении волоски становятся тонкими, а небольшие болезненные ощущения, связанные с применением воска, исчезают уже на второй раз. Восковая депиляция удобна, быстра и дает стойкий эффект.</p>
		
		<p>Восковая депиляция подходит для любого типа кожи, включая чувствительную кожу, не вызывает раздражения, покраснения и зуда. Воксация позволяет удалить волосы с таких участков тела, как спина, руки, ноги, подмышечные впадины, область бикини, а также на лице.</p>
		
		<div class="jumbotron">
			<img src="images/1kupon.jpg" />
		</div>
		
		<div class="row-fluid">
			<div class="span9">
				<h3>Условия акции</h3>
			</div>
			<div class="span3">
				<h3>Особенности</h3>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span9">
				<p>Один человек может купить и использовать неограниченное количество сертификатов для себя или в подарок. </p>
				<p>Сертификат дает право на восковую депиляцию или шугаринг любой зоны на выбор в салоне «Лолита» со скидкой до 80%.  Действуют следующие виды сертификатов: </p>
				<p class="left_offset">Зона над губой со скидкой 77%. Заплатите 340 тенге вместо 1500 тенге. </p>
				<p class="left_offset">Зона над губой со скидкой 77%. Заплатите 340 тенге вместо 1500 тенге. </p>
				<p class="left_offset">Зона над губой со скидкой 77%. Заплатите 340 тенге вместо 1500 тенге. </p>
				<p class="left_offset">Зона над губой со скидкой 77%. Заплатите 340 тенге вместо 1500 тенге. </p>
				<p class="left_offset">Зона над губой со скидкой 77%. Заплатите 340 тенге вместо 1500 тенге. </p>
				<p class="left_offset">Зона над губой со скидкой 77%. Заплатите 340 тенге вместо 1500 тенге. </p>
				<p class="left_offset">Зона над губой со скидкой 77%. Заплатите 340 тенге вместо 1500 тенге. </p>
				<p class="left_offset">Зона над губой со скидкой 77%. Заплатите 340 тенге вместо 1500 тенге. </p>
				<p class="left_offset">Зона над губой со скидкой 77%. Заплатите 340 тенге вместо 1500 тенге. </p>
			</div>
			<div class="span3">
				<p>Отличный сервис.</p>
				<p>Индивидуальный подход к каждому клиенту.</p>
				<p>Длительность процедуры - от 15 до 30 минут (в зависимости от зоны).</p>
			</div>
		</div>
		
    </div> <!-- /container -->
	<div class="footer_container">
		<div class="container">
			<div class="row-fluid">
				<div class="span3" style="margin:0;" >
					<p style="color:#AAA;">&copy; Wow!</br>Сделано со вкусом - </br>Галамтор</p>
				</div>
				<div class="span9">
					<ul class="footer_navigation">
						<li><a href="#">О проекте</a></li>
						<li><a href="#">Разместить свою компанию</a></li>
						<li><a href="#">Политика компании</a></li>
						<li><a href="#">Партнерам</a></li>
						<li><a href="#">Вопросы-ответы</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="http://code.jquery.com/jquery.js"></script>
	<script>
	jQuery.fn.countdown = function (date, options) {
		options = jQuery.extend({
			lang: {
				years:   ['год', 'года', 'лет'],
				months:  ['месяц', 'месяца', 'месяцев'],
				days:    ['день', 'дня', 'дней'],
				hours:   ['час', 'часа', 'часов'],
				minutes: ['минута', 'минуты', 'минут'],
				seconds: ['секунда', 'секунды', 'секунд'],
				plurar:  function(n) {
					return (n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);
				}
			}, 
			prefix: "Осталось: ", 
			finish: "Всё"			
		}, options);
 
		var timeDifference = function(begin, end) {
		    if (end < begin) {
			    return false;
		    }
		    var diff = {
		    	seconds: [end.getSeconds() - begin.getSeconds(), 60],
		    	minutes: [end.getMinutes() - begin.getMinutes(), 60],
		    	hours: [end.getHours() - begin.getHours(), 24],
		    	days: [end.getDate()  - begin.getDate(), new Date(begin.getYear(), begin.getMonth() + 1, 0).getDate()],
		    	months: [end.getMonth() - begin.getMonth(), 12],
		    	years: [end.getYear()  - begin.getYear(), 0]
		    };
		    var result = new Array();
		    var flag = false;
		    for (i in diff) {
		    	if (flag) {
		    		diff[i][0]--;
		    		flag = false;
		    	}    	
		    	if (diff[i][0] < 0) {
		    		flag = true;
		    		diff[i][0] += diff[i][1];
		    	}
		    	if (!diff[i][0]) continue;
			    result.push(diff[i][0] + ' ' + options.lang[i][options.lang.plurar(diff[i][0])]);
		    }
		    return result.reverse().join(' ');
		};
		var elem = $(this);
		var timeUpdate = function () {
		    var s = timeDifference(new Date(), date);
		    if (s.length) {
		    	elem.html(options.prefix + s);
		    } else {
		        clearInterval(timer);
		        elem.html(options.finish);
		    }		
		};
		timeUpdate();
		var timer = setInterval(timeUpdate, 1000);		
	};
	</script>
	<script src="js/modernizr.custom.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>

  </body>
</html>
